<template>
  <a-form layout="vertical" :model="formState">
    <a-form-item label="IP地址">
      <a-input v-model:value="formState.ip" placeholder="请输入" />
    </a-form-item>
    <a-form-item label="账号">
      <a-input v-model:value="formState.account" placeholder="请输入" />
    </a-form-item>
    <a-form-item label="密码">
      <a-input v-model:value="formState.password" placeholder="请输入" />
    </a-form-item>
    <a-form-item label="上传到文件夹">
      <a-input
        v-model:value="formState.folder"
        placeholder="请输入"
        :disabled="true"
      />
    </a-form-item>
    <a-form-item>
      <a-button type="primary" @click="onClick">下一步</a-button>
    </a-form-item>
  </a-form>
</template>
<script setup>
import { reactive } from 'vue'
/**
 * 事件定义
 */
let emit = defineEmits(['next'])
/**
 * 验证
 */
let formState = reactive({
  ip: '',
  account: '',
  password: '',
  folder: 'HIRF',
})
/**
 * 下一步
 */
function onClick() {
  emit('next')
}
</script>
